<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Highslide JS - Custom Example</title>

<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />

</head>
<body>
<h3>Gallery</h3>
<div class="highslide-gallery">
	<a id="thumb1" href="highslide/sample-images/thumbstrip01.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip01.thumb.jpg"  alt=""/>
	</a>
	<div class="hidden-container">
	<a href="highslide/sample-images/thumbstrip02.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip02.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip12.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip12.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip07.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip07.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip22.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip22.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip24.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip24.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip03.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip03.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip05.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip05.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip06.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip06.thumb.jpg"  alt=""/>
	</a>
	<a href="highslide/sample-images/thumbstrip08.jpg" class="highslide" 
			title="Caption from the anchor's title attribute" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/sample-images/thumbstrip08.thumb.jpg"  alt=""/>
	</a>
	</div>
</div>

</body>
</html>